<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="styles/layout.css" type="text/css" />
        <link rel="stylesheet" href="styles/computer.css" type="text/css"/>
        <script type="text/javascript" src="scripts/computer.js"></script>
    </head>
    <body>

<div id="header">
  <div class="wrapper">
    <div class="fl_left">
      <h1><a href="#">CloudCom</a></h1>
      <p>Make the Earth Smarter</p>
    </div>
    <div class="fl_right"> <a href="#"><img src="images/demo/banner1.jpg" alt="cloudcom" width="468" height="70"/></a> </div>
    <br class="clear" />
  </div>
</div>

<div id="topbar">
  <div class="wrapper">
    <div id="topnav">
      <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="customerLogin.html">Customer</a></li>
        <li><a href="customer.php">Services</a></li>
        <li><a href="showCart.php">Cart</a>
        </li>
        <li class="active"><a href="login.html">Employees</a></li>
      </ul>
    </div>
    <br class="clear" />
  </div>
</div>

<div id="breadcrumb">
  <div class="wrapper">
  	<p style="color:red" id="errorMsg">The field with label * is required</p>
  </div>
</div>

<div id="container">
  <div class="wrapper">
    <div id="content">
    	<div id="order">
            
            <form method="post" name="customerLogin" action="customerLogin.php">
                <p>
                    <span class="redStar">*</span>Email:
                    <input type="text" class="rightAlign" name="email" maxlength="40"/>
                </p>
                <p>
                    <span class="redStar">*</span>Password:
                    <input type="password" class="rightAlign" name="password" maxlength="20"/>
                </p>
                <input type="submit" class="buttonStyle" value="Login" onmouseover="changeOn(this)" onmouseout="changeOff(this)"/>
                
            </form>
            <a href="cloudcom.php">New customer please register here</a>
            
                </div>	
    </div>
    <br class="clear" />
  </div>
</div>

<div id="footer">
  <div class="wrapper">
  	<div class="footbox">
      <h2>About</h2>
      <ul>
        <li><a href="#">CloudCom</a></li>
        <li><a href="#">Events</a></li>
        <li><a href="#">Announcements</a></li>
        <li><a href="#">Blogs</a></li>
        <li class="last"><a href="#">Contacts</a></li>
      </ul>
    </div>
    <div class="footbox">
      <h2>Support</h2>
      <ul>
        <li><a href="#">Premium Support</a></li>
        <li><a href="#">FAQs</a></li>
        <li><a href="#">Forums</a></li>
        <li><a href="#">Discussion</a></li>
        <li class="last"><a href="#">Support</a></li>
      </ul>
    </div>
    <div class="footbox">
      <h2>Developers</h2>
      <ul>
        <li><a href="#">Java</a></li>
        <li><a href="#">Mobile</a></li>
        <li><a href="#">PHP</a></li>
        <li><a href="#">Python</a></li>
        <li class="last"><a href="#">.Net</a></li>
      </ul>
    </div>
    <div class="footbox">
      <h2>Learn</h2>
      <ul>
        <li><a href="#">Case Studies</a></li>
        <li><a href="#">Whitepapers</a></li>
        <li><a href="#">Seminars</a></li>
        <li><a href="#">Tutorials</a></li>
        <li class="last"><a href="#">Webminars</a></li>
      </ul>
    </div>
    <br class="clear" />
  </div>
</div>

<div id="copyright">
  <div class="wrapper">
    <p class="fl_left">Copyright &copy; 2012 - All Rights Reserved - <a href="#">www.cloudcom.com</a></p>
    <p class="fl_right"><a href="#">Reference OS Template</a></p>
    <br class="clear" />
  </div>
</div>
    </body>
</html>
